<div class="wrapSenior">

				
    <script type="text/ng-template" id="seniorTabsTpl.html" scope="this">
        <div class="row-fluid">
            <div class="span2 rightBar">
                <ul class="nav nav-list seniorMenu">
                    <li ng-repeat="pane in panes" ng-class="{active:pane.selected,seniorAlertButton:pane.isSeniorAlertButton}" fit-text="0.55">
                        <a href="" ng-mousedown="selectPane(pane)">{{pane.tabtitle}}</a>
                    </li>
                </ul>
            </div>
            <div class="span10">
                <div class="pnlChat">
                    <div class="tab-content" ng-transclude>
                    </div>
                </div>
            </div>
           
        </div>
    </script>
    <script type="text/ng-template" id="seniorPaneTpl.html" scope="this">
     <div class="tab-pane" ng-class="{active:selected}"><div class="tab-pane-content"  ng-transclude></div></div>
    </script>




    <div class="container-fluid mainSenior">

        <div class="row-fluid">

            <div ng-controller="seniorCtrl">
			  <div class="videoChatPanel">
                    <div class="title">שיחות וידאו</div>
				<div ng-repeat="user in onlineUsers.users| filter:userListFilter" cool-fade ng-mousedown="sendVideoChat(user.userId,user.name)" ng-show="user.isOnline" class="clickable">
                    
						<div class="userInfo">
								<span class="photo"><img ng-src="{{user.getImageUrl()}}" />
									
								</span>
								<span class="username" fit-text="0.5">{{user.name}}</span>
						</div>
				</div>
			</div>

                <tabs>
				<tab tabtitle="שיחה" tabid="chat">
		   <div class="">
            <div ng-class="'chatArea fontSize'+fontSize">
	
			
            		<div class="history" ng-include src="'content/html/chatArea-tpl.html?v=2.22'" scope="this"></div>
					
								<form class="seniorKeyboardArea" ng-show="keyboard" ng-submit="publish()" >
                                
                                    <div class="inputSubmitArea">
                                        <input type="submit" class="btn btn-primary btn-large  btnSend" value="שלח&raquo;">
                                    </div>
                                    <div class="inputFields">
                                        <input id="chat-input" type="text" name="text" ng-model="message.text" placeholder="מה ברצונך לכתוב ?" autocomplete="off" />
                                    </div>
                                </form>
            </div>
            
          </div>
				</tab>
				<tab tabtitle="תמונות" tabid="pictures">
					<div id="tabPictures" class="">
						<div id="photoGallery">
						
						</div>
					</div>
				</tab>
				 <tab tabtitle="הודעה דחופה" is-senior-alert-button="true" tabid="urgent">
			
				<div class="urgentAlert contentArea">
				
				<div class="centered-text">
					
					<div ng-show="urgentArea.showConfirm" class="smallNotification"  fade-effect="fade">
						<h1>
						האם ברצונך לשלוח הודעה דחופה?
						</h1>
						<button class="btn btn-danger sendSmsButton" ng-mousedown="urgentArea.sendSms()">
						כן, שליחת הודעה דחופה
						</button>
						<br/>
						<button class="btn cancelButton" ng-mousedown="selectMsgsPane()">
						ביטול
						</button>
						<div>
						* במקרה של מצב חרום קריטי יש להתקשר 100 למשטרה או 101 למגן דוד אדום.
						</div>
					
					</div>
					<div ng-show="urgentArea.showErr" fade-effect="slideDown">
						<h1>
						חלה שגיאה!
						<br/>
						ההודעה לא נשלחה
						<br/>
						יש להתקשר טלפונית ולבקש עזרה
						</h1>
					</div>
					
						
					<div ng-show="urgentArea.showSending"  fade-effect="slideDown">
						<h1>
						שולח את ההודעה
						<br/>
						נא להמתין...
						</h1>
					</div>
					
					<div ng-show="urgentArea.showOk" fade-effect="slideDown">
						<h1>
						ההודעה נשלחה בהצלחה!
						</h1>
					</div>
					
					
					
					
				</div>
				
				</div>
				</tab>
			  </tabs>
                <!--</div>-->
                <!--/.well -->


                <div class="pnlChat span9">
                </div>
                <!--/span-->

            </div>
        </div>
        <!--/row-->
        <!--
      <hr>
      <footer>
        <p>&copy; Saftalk Team 2012</p>
      </footer>
-->
    </div>
    <!--/.fluid-container-->
</div>
<div id="disconnectModal">
חלה שגיאה!
המערכת מנותקת<br/>
במקרה שהתקלה לא מסתדרת תוך מספר דקות<br/>
יש להתקשר לבני המשפחה
</div>
